<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./utils.js"></script>
    <script>
        var str = 'a=100&b=200&c=300'
        // { a: 100, b: 200, c: 300 } 
        /* 
            第一步:
                对 & 进行切割   =>  ["a=100","b=200","c=300"] 
            第二步:
                遍历这个数组,对数组里面的每一个元素都进行切割,按=进行切割
                    ['a', '100']
                    ['b', '200']
                    ['c', '300']
            第三步:
                创建一个对象,让按照=号切割完的数组的第一个元素给key,第二个元素value
                var obj = {}
                //遍历数组
                arr.forEach(function(item,index){
                    //按照=号进行切割
                    var arr1 = item.split("=") //这个数组['a',100],['b',200],['c',300]
                    //获取切换完毕的数组的第一个元素 var one = arr1[0]
                    //获取切换完毕的数组的第二个元素 var two = arr1[1]
                    obj[one] = two
                })
                //输出这个对象
                console.log(obj);
        */
        // var arr = str.split("&"); // ['a=100', 'b=200', 'c=300']
        // 循环数组
        // var arr = str.split("&")
        // //创建一个对象
        // var obj = {}
        // arr.forEach(function(item,index){
        //     //数组里面的每一个元素  'a=100'  'b=200'  'c=300'  我们对数组里面的每一个元素按=号进行切割
        //     // console.log(item.split("="));
        //     var one = item.split("=")[0]    //将这个元素交给对象的key
        //     var two = item.split("=")[1]    //交个对象的value
        //     //第一个元素给对象key,第二个元素给对象 value
        //     obj[one] = +two;
        // })
        // console.log(obj);

        var res = getQueryString(str)
        console.log(res);
    </script>
</body>
</html>